<template>
	<div class="j-contract">
		<j-header :indexNum="4"></j-header>
		<div class="jc-banner"></div>
		<div class="nav-title">
			<div class="container clearfix">
				<div class="nav-text pull-left">签约指南</div>
				<div class="nav-link pull-left">
					<router-link to="/">首页 </router-link>/
					<span>生命银行 </span>/
					<span>签约指南 </span>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="module-title text-center">
				<span class="title-ch">签约指南</span><br>
				<span class="title-en">SIGNING GUIDE</span>
			</div>
			<div class="sign">
				<div class="sign-img-box">
					<ul class="sign_pic clearfix">
						<li>
							<img src="../../assets/bank/sign01.png" alt="">
							<p class="sign-txt">与储户确认分分娩医院及预产期，携带好夫妻双方身份证原件或复印件。</p>
						</li>
						<li>
							<img src="../../assets/bank/sign02.png" alt="">
							<p class="sign-txt">与储户确认在医院是否做过各项检测各项指标合格方可签订协议。</p>
						</li>
						<li>
							<img src="../../assets/bank/sign03.png" alt="">
							<p class="sign-txt">咨询顾问讲解协议书的相关内容。</p>
						</li>
						<br class="sign-c">
						<li class="sign-item">
							<img src="../../assets/bank/sign04.png" alt="">
							<p class="sign-txt">最佳签约时间孕23-35周</p>
						</li>
						<li class="sign-item">
							<img src="../../assets/bank/sign05.png" alt="">
							<p class="sign-txt">赠送至少<span>50</span>万保险</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<j-footer></j-footer>
	</div>
</template>
<script>
import JHeader from '../../components/Header.vue'
import JLifebeed from '../../components/Bank/LifeBeed.vue'
import JFooter from '../../components/Footer.vue'
export default {
  components: {
    JHeader, JLifebeed, JFooter
  },
  data () {
    return {
      num: 4
    }
  }
}
</script>
<style rel="stylesheet/scss" type="text/scss" lang="scss" scoped>
	.j-contract{
		.clearfix{
			overflow: hidden;
		}
		.jc-banner {
			height: 150px;
			background: url(../../assets/banner/banner03.jpg) center top no-repeat;
		}
		.nav-back{
			background: #e9e9e9;
			/*height: 50px;*/
			line-height: 50px;
			.nav-tt{
				display: inline-block;
				height: 50px;
				/*width: 12%;*/
				font-size: 16px;
				color: #333333;
				cursor: pointer;
				padding-right: 30px;
			}
			.navActive{
				color: #02adef;
			}
		}
		.container{
			.sign{
				width: 100%;
				margin: 0 auto;
				margin-bottom: 100px;
				.sign-img-box{
					margin-top: 3%;
					ul{
						li{
							float: left;
							width: 33.333333%;
							text-align: center;
							padding: 0 30px;
							margin-bottom: 35px;
							img{
								max-width: 100%;
							}
							.sign-txt{
								width: 70%;
								margin: 0 auto;
								text-align: left;
								line-height: 28px;
								span{
									font-size: 18px;
									color: #000;
								}
							}
						}
						.sign-item{
							p{
								text-align: center;
							}
						}
						.sign-c{
							clear: left;
						}
					}
				}
		}
	}
}
	@media (max-width: 767px){
		.j-contract{
			.container{
				.sign{
					.sign-img-box{
						ul{
							li{
								width: 100%;
							}
						}
					}
				}
			}
		}
	}
</style>
